<template>
    <div class="dorm">
        <RotationChart
            :componentTitle="componentTitle"
            componentType='monitor'
            :HierarchyDataList="HierarchyDataList"
            :dormitoryData="dormitoryData"
        />

        <DataDisplayBox

        />
    </div>
</template>

<script>
    import RotationChart from '@/components/RotationChart.vue'
    import DataDisplayBox from '@/components/DataDisplayBox.vue'

    export default {
        name: "Dorm",
        components: {
            RotationChart,
            DataDisplayBox
        },
        data() {
            return {
                componentTitle: '宿舍信息管理',
                HierarchyDataList: [
                    { key: 0, content: '紫晶城小区', style: '' },
                    { key: 1, content: '03栋', style: '' },
                    { key: 2, content: '1单元', style: 'ordered-list' },
                    { key: 3, content: '502室', style: 'home' },
                ],
                dormitoryData: {
                    title: {
                        boxTitle: '宿舍视频监控',
                        littleTitle: '一号摄像头'
                    },
                    monitorDataList: [
                        { key: 'camera0', content: '摄像头一', monitorVideoSrc: require('@/assets/videos/demonstration1.mp4') },
                    ],
                    introduce: '客厅区域',
                    date: '2021年01月05日',
                    videoSrc: require('@/assets/videos/demonstration.mp4')
                },
                DisplayItemList:  [
                    {
                        key: 0,
                        componentType: 'dataItemList',
                        componentTitle: '宿舍信息',
                    },
                ]
            }
        }
    }
</script>

<style scoped>

</style>
